body{
font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti, fantasy;
}

/** bootstrap fix */
a{
text-decoration:none;
cursor:pointer;
}
a:hover{
text-decoration:none;
}
ul{
list-style:none;
}
ul, ol{
margin:0;
padding:0;
}
.modal-header{
min-height:20px;
}
.table th{
background:#f5f5f5;
}
.btn:focus, a:focus{
outline:0;
}
td>a{
margin-right:10px;
}
/** bootstrap fix */

/* ========= icon ===========*/
[class^="ico15_"], [class*=" ico15_"]{
background:url(icon.png) no-repeat;
display:inline-block;
width:15px;
height:15px;
}
[class^="ico32_"], [class*=" ico32_"]{
background:url(icon.png) no-repeat;
display:inline-block;
width:32px;
height:32px;
}
.ico15_error{
background-position:0 0;
}
.ico15_ban{
background-position:0 -40px;
}
.ico15_question{
background-position:0 -80px;
}
.ico15_exclamation, .ico15_important{
background-position:0 -120px;
}
.ico15_tips{
background-position:0 -160px;
}
.ico15_ok{
background-position:0 -200px;
}
.ico15_speaker{
background-position:0 -240px;
}
.ico32_error{
background-position:-28px 0;
}
.ico32_ban{
background-position:-28px -40px;
}
.ico32_question{
background-position:-28px -80px;
}
.ico32_exclamation, .ico32_important{
background-position:-28px -120px;
}
.ico32_tips{
background-position:-28px -160px;
}
.ico32_ok{
background-position:-28px -200px;
}
.ico32_speaker{
background-position:-28px -240px;
}
/* ========= icon ===========*/

/* ========= form ===========*/
form>h4{
margin-left:142px;
}
input[type="button"], input[type="submit"], input[type="reset"], button{
padding:1px 10px;
line-height:20px;
}
form>ul>li button{
margin:0 10px 0 0;
}
input[type="checkbox"]{
margin:1px 3px 3px;
}
input[type="checkbox"]{
margin-top:2px \0;
*margin-top:5px;
}
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=datetime-local]{
font-size:14px;
width:156px;
height:27px;
margin:0 0 0 10px;
padding:1px 5px;
color:#456;
*line-height:25px;
}
/* bootstrap fix */
.form-horizontal input {
margin-left: 0;
margin-bottom: 0;
}
form>ul>li>label>div{
display:inline-block;
font-size:14px;
width:168px;
height:31px;
margin:0 0 0 10px;
color:#456;
text-align:left;
*line-height:25px;
}
select{
margin:0;
padding:0 0 0 5px;
}
label>select{
display:inline-block;
font-size:14px;
width:168px;
height:31px;
margin:0 0 0 10px;
color:#456;
*line-height:25px;
vertical-align: baseline;
}
textarea{
font-size:14px;
padding:5px;
color:#456;
overflow:auto;
resize:none;
}
input.readonly, textarea.readonly{
background:transparent;
border:1px solid transparent;
cursor:auto;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
input.readonly:focus, textarea.readonly:focus{
box-shadow:none;
}
form>ul>li:after{
clear:both;
content:"";
display:inline;
}
form>ul>li{
min-height:31px;
margin:1em 0;
}
form li>label{
display:block;
float:left;
margin:0 10px 0 0;
text-align:right;
width:310px;
}
form li>div, form li>i, form li.error{
margin-left:142px;
}
form li>i{
display:block;
color:red;
font-style:normal;
}
form li em{
color:red;
font-style:normal;
}

form li.long>label{
width:429px;
}
form li.long>label>input{
width:275px;
}
form li.long>label>select{
width:287px;
}
form li.short>label{
width:219px;
}
form li.short>label>input{
width:65px;
}
form li.ta>label{
width:429px;
}
form li.ta>label>textarea{
margin:0 0 0 10px;
width:275px;
height:165px;
vertical-align:-155px;
}
form li.required:after{
color:red;
content:"*";
}
form li>span.label0{
display:block;
float:left;
width:132px;
margin-right:10px;
text-align:right;
vertical-align:top;
}
/* for moz */
@-moz-document url-prefix(){
form li.ta>label>textarea{vertical-align:0;}
input[type="password"]{font-family:Arial,serif}}
/* for opera */
@media all and (min-width:0px){
}
/* ========= form ===========*/

/* ========= common ===========*/
header{
margin:1em 0;
}
ol.inside, ul.inside{
list-style-position:inside;
}
ol.upper-alpha{
list-style:upper-alpha;
}
.left{
float:left;
}
.right{
float:right;
}
.right-align{
text-align:right;
margin-right:0;
}
.wrapper{
width:1000px;
margin:0 auto;
}
.wrapper780{
width:780px;
margin:0 auto;
}
.clear{
clear:both;
}
.wrapper:after, .clear:after{
clear:both;
content:"";
display:block;
}
.box{
border:1px solid #CCC;
margin-bottom:1em;
}
.box header{
background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
background:-moz-linear-gradient(top, #fcfcfc, #f1f1f1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fcfcfc', endColorstr = '#f1f1f1');
background:-o-linear-gradient(top, #fcfcfc, #f1f1f1);
background:linear-gradient(top, #fcfcfc, #f1f1f1)
}
.box header:hover{
background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dadada));
background:-moz-linear-gradient(top, #f6f6f6, #dadada);
background:-o-linear-gradient(top, #f6f6f6, #dadada);
background:linear-gradient(top, #f6f6f6, #dadada);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#dadada');
}
.box header{
margin:0;
padding:10px;
color:#656565;
font-size:14px;
font-weight:700;
cursor:pointer;
}
aside section.box li:hover, aside section.box li.selected{
background-color:#f7f7f7;
}
section.box li>a{
cursor:pointer;
padding:10px 30px;
display:block;
font-size:16px;
}
.span760{
width:760px;
}
ul.flow>li, ol.flow>li{
float:left;
}
ul.flow>li>p, ol.flow>li>p, ul.flow>li>a, ol.flow>li>a{
margin:0;
float:left;
}
ul.space>li, ol.space>li{
margin-right:5px;
}
ol.flow.wide>li>*, ul.flow.wide>li>*{
padding:10px 15px;
}
ol.flow.narrow>li>*, ul.flow.narrow>li>*{
padding:10px 5px;
}
ul.flow:after, ol.flow:after{
clear:both;
content:"";
display:block;
*height:0;
}
ol.inside, ul.inside{
list-style-position:inside;
}
ol.upper-alpha{
list-style:upper-alpha;
}
ul.flow>li>.dropdown-menu, ol.flow>li>.dropdown-menu{
padding:0;
}

.error{
color:#ff6666;
}
.success{
color:#87D728;
}
.green{
color:green;
}
.red{
color:red;
}
/* ========= common ===========*/


